<?php
/**
  ReduxFramework Sample Config File
  For full documentation, please visit: https://docs.reduxframework.com
 * */
if (!class_exists('Redux_Framework_sample_config')) {

    class Redux_Framework_sample_config {

        public $args = array();
        public $sections = array();
        public $theme;
        public $ReduxFramework;

        public function __construct() {

            if (!class_exists('ReduxFramework')) {
                return;
            }

            // This is needed. Bah WordPress bugs.  ;)
            if (true == Redux_Helpers::isTheme(__FILE__)) {
                $this->initSettings();
            } else {
                add_action('plugins_loaded', array($this, 'initSettings'), 10);
            }
        }

        public function initSettings() {

            // Just for demo purposes. Not needed per say.
            $this->theme = wp_get_theme();

            // Set the default arguments
            $this->setArguments();

            // Set a few help tabs so you can see how it's done
            $this->setHelpTabs();

            // Create the sections and fields
            $this->setSections();

            if (!isset($this->args['opt_name'])) { // No errors please
                return;
            }

            // If Redux is running as a plugin, this will remove the demo notice and links
            //add_action( 'redux/loaded', array( $this, 'remove_demo' ) );
            // Function to test the compiler hook and demo CSS output.
            // Above 10 is a priority, but 2 in necessary to include the dynamically generated CSS to be sent to the function.
            //add_filter('redux/options/'.$this->args['opt_name'].'/compiler', array( $this, 'compiler_action' ), 10, 3);
            // Change the arguments after they've been declared, but before the panel is created
            //add_filter('redux/options/'.$this->args['opt_name'].'/args', array( $this, 'change_arguments' ) );
            // Change the default value of a field after it's been set, but before it's been useds
            //add_filter('redux/options/'.$this->args['opt_name'].'/defaults', array( $this,'change_defaults' ) );
            // Dynamically add a section. Can be also used to modify sections/fields
            //add_filter('redux/options/' . $this->args['opt_name'] . '/sections', array($this, 'dynamic_section'));

            $this->ReduxFramework = new ReduxFramework($this->sections, $this->args);
        }

        /**

          This is a test function that will let you see when the compiler hook occurs.
          It only runs if a field	set with compiler=>true is changed.

         * */
        function compiler_action($options, $css, $changed_values) {
            echo '<h1>The compiler hook has run!</h1>';
            echo "<pre>";
            print_r($changed_values); // Values that have changed since the last save
            echo "</pre>";
            //print_r($options); //Option values
            //print_r($css); // Compiler selector CSS values  compiler => array( CSS SELECTORS )

            /*
              // Demo of how to use the dynamic CSS and write your own static CSS file
              $filename = dirname(__FILE__) . '/style' . '.css';
              global $wp_filesystem;
              if( empty( $wp_filesystem ) ) {
              require_once( ABSPATH .'/wp-admin/includes/file.php' );
              WP_Filesystem();
              }

              if( $wp_filesystem ) {
              $wp_filesystem->put_contents(
              $filename,
              $css,
              FS_CHMOD_FILE // predefined mode settings for WP files
              );
              }
             */
        }

        /**

          Custom function for filtering the sections array. Good for child themes to override or add to the sections.
          Simply include this function in the child themes functions.php file.

          NOTE: the defined constants for URLs, and directories will NOT be available at this point in a child theme,
          so you must use get_template_directory_uri() if you want to use any of the built in icons

         * */
        function dynamic_section($sections) {
            //$sections = array();
            $sections[] = array(
                'title' => __('Section via hook', 'watchit'),
                'desc' => __('<p class="description">This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.</p>', 'watchit'),
                'icon' => 'el-icon-paper-clip',
                // Leave this as a blank section, no options just some intro text set above.
                'fields' => array()
            );

            return $sections;
        }

        /**

          Filter hook for filtering the args. Good for child themes to override or add to the args array. Can also be used in other functions.

         * */
        function change_arguments($args) {
            //$args['dev_mode'] = true;

            return $args;
        }

        /**

          Filter hook for filtering the default value of any given field. Very useful in development mode.

         * */
        function change_defaults($defaults) {
            $defaults['str_replace'] = 'Testing filter hook!';

            return $defaults;
        }

        // Remove the demo link and the notice of integrated demo from the redux-framework plugin
        function remove_demo() {

            // Used to hide the demo mode link from the plugin page. Only used when Redux is a plugin.
            if (class_exists('ReduxFrameworkPlugin')) {
                remove_filter('plugin_row_meta', array(ReduxFrameworkPlugin::instance(), 'plugin_metalinks'), null, 2);

                // Used to hide the activation notice informing users of the demo panel. Only used when Redux is a plugin.
                remove_action('admin_notices', array(ReduxFrameworkPlugin::instance(), 'admin_notices'));
            }
        }

        public function setSections() {

            /**
              Used within different fields. Simply examples. Search for ACTUAL DECLARATION for field examples
             * */
            // Background Patterns Reader
            $sample_patterns_path = ReduxFramework::$_dir . '../sample/patterns/';
            $sample_patterns_url = ReduxFramework::$_url . '../sample/patterns/';
            $sample_patterns = array();

            if (is_dir($sample_patterns_path)) :

                if ($sample_patterns_dir = opendir($sample_patterns_path)) :
                    $sample_patterns = array();

                    while (( $sample_patterns_file = readdir($sample_patterns_dir) ) !== false) {

                        if (stristr($sample_patterns_file, '.png') !== false || stristr($sample_patterns_file, '.jpg') !== false) {
                            $name = explode('.', $sample_patterns_file);
                            $name = str_replace('.' . end($name), '', $sample_patterns_file);
                            $sample_patterns[] = array('alt' => $name, 'img' => $sample_patterns_url . $sample_patterns_file);
                        }
                    }
                endif;
            endif;

            ob_start();

            $ct = wp_get_theme();
            $this->theme = $ct;
            $item_name = $this->theme->get('Name');
            $tags = $this->theme->Tags;
            $screenshot = $this->theme->get_screenshot();
            $class = $screenshot ? 'has-screenshot' : '';

            $customize_title = sprintf(__('Customize &#8220;%s&#8221;', 'watchit'), $this->theme->display('Name'));
            ?>
            <div id="current-theme" class="<?php echo esc_attr($class); ?>">
                <?php if ($screenshot) : ?>
                    <?php if (current_user_can('edit_theme_options')) : ?>
                        <a href="<?php echo wp_customize_url(); ?>" class="load-customize hide-if-no-customize" title="<?php echo esc_attr($customize_title); ?>">
                            <img src="<?php echo esc_url($screenshot); ?>" alt="<?php esc_attr_e('Current theme preview'); ?>" />
                        </a>
                    <?php endif; ?>
                    <img class="hide-if-customize" src="<?php echo esc_url($screenshot); ?>" alt="<?php esc_attr_e('Current theme preview'); ?>" />
                <?php endif; ?>

                <h4><?php echo $this->theme->display('Name'); ?></h4>

                <div>
                    <ul class="theme-info">
                        <li><?php printf(__('By %s', 'watchit'), $this->theme->display('Author')); ?></li>
                        <li><?php printf(__('Version %s', 'watchit'), $this->theme->display('Version')); ?></li>
                        <li><?php echo '<strong>' . __('Tags', 'watchit') . ':</strong> '; ?><?php printf($this->theme->display('Tags')); ?></li>
                    </ul>
                    <p class="theme-description"><?php echo $this->theme->display('Description'); ?></p>
                    <?php
                    if ($this->theme->parent()) {
                        printf(' <p class="howto">' . __('This <a href="%1$s">child theme</a> requires its parent theme, %2$s.') . '</p>', __('http://codex.wordpress.org/Child_Themes', 'watchit'), $this->theme->parent()->display('Name'));
                    }
                    ?>

                </div>
            </div>

            <?php
            $item_info = ob_get_contents();

            ob_end_clean();

            $sampleHTML = '';
            if (file_exists(dirname(__FILE__) . '/info-html.html')) {
                Redux_Functions::initWpFilesystem();

                global $wp_filesystem;

                $sampleHTML = $wp_filesystem->get_contents(dirname(__FILE__) . '/info-html.html');
            }

            // ACTUAL DECLARATION OF SECTIONS
            $this->sections[] = array(
                'title' => __('General Settings', 'watchit'),
                'desc' => __('General infomation as contact email, mobile number... etc', 'watchit'),
                'icon' => 'el-icon-home',
                // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!
                'fields' => array(
                    array(
                        'id' => 'wit_header_email',
                        'type' => 'text',
                        'title' => __('Header Email', 'watchit'),
                        'subtitle' => __('', 'watchit'),
                        'desc' => __('Eg: contact@watchit.com', 'watchit')
                    ),
                    array(
                        'id' => 'wit_header_phone',
                        'type' => 'text',
                        'title' => __('Header Phone Number', 'watchit'),
                        'subtitle' => __('', 'watchit'),
                        'desc' => __('Eg: +84 912523998', 'watchit')
                    ),
                    array(
                        'id' => 'wit_header_logo',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Header Logo', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_header_logo_mobile',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Header Logo Mobile', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_footer_logo',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Footer Logo', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_footer_twitter_url',
                        'type' => 'text',
                        'title' => __('Footer Twitter Url', 'watchit'),
                        'desc' => __('Eg: http://twitter.com/watchit', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_facebook_url',
                        'type' => 'text',
                        'title' => __('Footer Facebook Url', 'watchit'),
                        'desc' => __('Eg: http://facebook.com/watchit', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_twitter_feed',
                        'type' => 'text',
                        'title' => __('Footer Twitter Feed Account', 'watchit'),
                        'desc' => __('Eg: watchit', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_twitter_feed_num',
                        'type' => 'text',
                        'title' => __('Footer Twitter Feed Number', 'watchit'),
                        'desc' => __('Eg: 3', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_address',
                        'type' => 'editor',
                        'title' => __('Footer Address', 'watchit')
                    ),
                    array(
                        'id' => 'wit_contact_info',
                        'type' => 'editor',
                        'title' => __('Contact info', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_copyright',
                        'type' => 'text',
                        'title' => __('Footer Copyright Text', 'watchit'),
                        'desc' => __('Eg: 2014 Nicole Lapin Inc. All rights reserved. Terms, Privacy, Security', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_norton_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Footer Norton Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_footer_norton_url',
                        'type' => 'text',
                        'title' => __('Footer Norton Url', 'watchit')
                    ),
                    array(
                        'id' => 'wit_footer_mcafee_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Footer McAfee Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_footer_mcafee_url',
                        'type' => 'text',
                        'title' => __('Footer McAfee Url', 'watchit')
                    )
                ),
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Homepage Settings', 'watchit'),
                'desc' => __('Custom hompage section content, please choose which section you want!', 'watchit'),
                'fields' => array(
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 1 (Slideshow)', 'watchit'),
                'desc' => __('No need custom more! :)', 'watchit'),
                'subsection' => true,
                'fields' => array(
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 2', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec2_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec2_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec2_text',
                        'type' => 'editor',
                        'title' => __('Text', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec2_ftext',
                        'type' => 'text',
                        'title' => __('Footer text', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec2_url',
                        'type' => 'text',
                        'title' => __('Link', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 3 (Video)', 'watchit'),
                'desc' => __('No need custom more! :)', 'watchit'),
                'subsection' => true,
                'fields' => array(
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 4', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec4_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec4_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec4_subtitle',
                        'type' => 'text',
                        'title' => __('Sub Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec4_text',
                        'type' => 'editor',
                        'title' => __('Text', 'watchit')
                    ),
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 5', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec5_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec5_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec5_subtitle',
                        'type' => 'text',
                        'title' => __('Sub Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec5_text',
                        'type' => 'editor',
                        'title' => __('Text', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec5_url',
                        'type' => 'text',
                        'title' => __('Link', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 6', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec6_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec6_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec6_subtitle',
                        'type' => 'text',
                        'title' => __('Sub Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec6_text',
                        'type' => 'editor',
                        'title' => __('Text', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec6_url1',
                        'type' => 'text',
                        'title' => __('Link 1', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec6_url2',
                        'type' => 'text',
                        'title' => __('Link 2', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 7', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec7_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec7_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec7_text',
                        'type' => 'editor',
                        'title' => __('Text', 'watchit')
                    )
                )
            );
            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 8', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec8_img1',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image 1', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec8_title1',
                        'type' => 'text',
                        'title' => __('Title 1', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_subtitle1',
                        'type' => 'text',
                        'title' => __('Sub Title 1', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_text1',
                        'type' => 'editor',
                        'title' => __('Text 1', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_url1',
                        'type' => 'text',
                        'title' => __('Link 1', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_img2',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image 2', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec8_title2',
                        'type' => 'text',
                        'title' => __('Title 2', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_subtitle2',
                        'type' => 'text',
                        'title' => __('Sub Title 2', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_text2',
                        'type' => 'editor',
                        'title' => __('Text 2', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_url2',
                        'type' => 'text',
                        'title' => __('Link 2', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_img3',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image 3', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec8_title3',
                        'type' => 'text',
                        'title' => __('Title 3', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_subtitle3',
                        'type' => 'text',
                        'title' => __('Sub Title 3', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_text3',
                        'type' => 'editor',
                        'title' => __('Text 3', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_url3',
                        'type' => 'text',
                        'title' => __('Link 3', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_img4',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image 4', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_sec8_title4',
                        'type' => 'text',
                        'title' => __('Title 4', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_subtitle4',
                        'type' => 'text',
                        'title' => __('Sub Title 4', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_text4',
                        'type' => 'editor',
                        'title' => __('Text 4', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec8_url4',
                        'type' => 'text',
                        'title' => __('Link 4', 'watchit')
                    ),
                )
            );
            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 9 (Gallery)', 'watchit'),
                'desc' => __('No need custom more! :)', 'watchit'),
                'subsection' => true
            );
            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 10 (Customer)', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_sec10_logo1',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 1', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url1',
                        'type' => 'text',
                        'title' => __('Url 1', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo2',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 2', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url2',
                        'type' => 'text',
                        'title' => __('Url 2', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo3',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 3', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url3',
                        'type' => 'text',
                        'title' => __('Url 3', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo4',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 4', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url4',
                        'type' => 'text',
                        'title' => __('Url 4', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo5',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 5', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url5',
                        'type' => 'text',
                        'title' => __('Url 5', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo6',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 6', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url6',
                        'type' => 'text',
                        'title' => __('Url 6', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo7',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 7', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url7',
                        'type' => 'text',
                        'title' => __('Url 7', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo8',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 8', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url8',
                        'type' => 'text',
                        'title' => __('Url 8', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo9',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 9', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url9',
                        'type' => 'text',
                        'title' => __('Url 9', 'watchit')
                    ),
                    array(
                        'id' => 'wit_sec10_logo10',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Logo 10', 'watchit'),
                        'compiler' => 'true'
                    ),
                    array(
                        'id' => 'wit_sec10_url10',
                        'type' => 'text',
                        'title' => __('Url 10', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Cash Setting', 'watchit'),
                'subsection' => false,
                'fields' => array(
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 1 (Header)', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_cash_title',
                        'type' => 'text',
                        'title' => __('Header Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_cash_header_img',
                        'type' => 'media',
                        'title' => __('Header Image', 'watchit')
                    ),
                    array(
                        'id' => 'wit_cash_header_txt',
                        'type' => 'editor',
                        'title' => __('Header Text', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 2', 'watchit'),
                'desc' => __('Custom in Left Menu > Cash', 'watchit'),
                'subsection' => true,
                'fields' => array(
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 3', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_cash_sec3_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_cash_sec3_desc',
                        'type' => 'text',
                        'title' => __('Description', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 4 (Quotes)', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_cash_quotes',
                        'type' => 'editor',
                        'title' => __('Quotes', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Section 5', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_cash_sec5_img',
                        'type' => 'media',
                        'url' => true,
                        'title' => __('Image', 'watchit'),
                        'compiler' => 'true',
                        'default' => array('url' => 'http://s.wordpress.org/style/images/codeispoetry.png')
                    ),
                    array(
                        'id' => 'wit_cash_sec5_title',
                        'type' => 'text',
                        'title' => __('Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_cash_sec5_subtitle',
                        'type' => 'text',
                        'title' => __('Sub Title', 'watchit')
                    ),
                    array(
                        'id' => 'wit_cash_sec5_text',
                        'type' => 'editor',
                        'title' => __('Text', 'watchit')
                    ),
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Wizard Setting', 'watchit'),
                'subsection' => false,
                'fields' => array(
                    array(
                        'id' => 'wit_wizard_video',
                        'type' => 'text',
                        'title' => __('Youtube Video Url', 'watchit'),
                        'desc' => __('Eg: https://www.youtube.com/watch?v=9shCLws9Obg', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Tools Setting', 'watchit'),
                'subsection' => false,
                'fields' => array(
                    array(
                        'id' => 'wit_tools_budget_title',
                        'type' => 'text',
                        'title' => __('"Your Budget" Text', 'watchit'),
                        'desc' => __('', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_video',
                        'type' => 'text',
                        'title' => __('Youtube Video Url', 'watchit'),
                        'desc' => __('Eg: https://www.youtube.com/watch?v=9shCLws9Obg', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_say',
                        'type' => 'editor',
                        'title' => __('Nicolas Say', 'watchit'),
                        'desc' => __('', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_tips',
                        'type' => 'editor',
                        'title' => __('Tips', 'watchit'),
                        'desc' => __('', 'watchit')
                    )
                )
            );

            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Tools / Budgets', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_tools_budgets_video',
                        'type' => 'text',
                        'title' => __('Youtube Video Url', 'watchit'),
                        'desc' => __('Eg: https://www.youtube.com/watch?v=9shCLws9Obg', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_budgets_say',
                        'type' => 'editor',
                        'title' => __('Nicolas Say', 'watchit'),
                        'desc' => __('', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_budgets_tips',
                        'type' => 'editor',
                        'title' => __('Tips', 'watchit'),
                        'desc' => __('', 'watchit')
                    )
                )
            );


            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Tools / Transaction', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_tools_transaction_video',
                        'type' => 'text',
                        'title' => __('Youtube Video Url', 'watchit'),
                        'desc' => __('Eg: https://www.youtube.com/watch?v=9shCLws9Obg', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_transaction_say',
                        'type' => 'editor',
                        'title' => __('Nicolas Say', 'watchit'),
                        'desc' => __('', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_transaction_tips',
                        'type' => 'editor',
                        'title' => __('Tips', 'watchit'),
                        'desc' => __('', 'watchit')
                    )
                )
            );


            $this->sections[] = array(
                'icon' => 'el-icon-cogs',
                'title' => __('Tools / Dashboard', 'watchit'),
                'subsection' => true,
                'fields' => array(
                    array(
                        'id' => 'wit_tools_dashboard_video',
                        'type' => 'text',
                        'title' => __('Youtube Video Url', 'watchit'),
                        'desc' => __('Eg: https://www.youtube.com/watch?v=9shCLws9Obg', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_dashboard_say',
                        'type' => 'editor',
                        'title' => __('Nicolas Say', 'watchit'),
                        'desc' => __('', 'watchit')
                    ),
                    array(
                        'id' => 'wit_tools_dashboard_tips',
                        'type' => 'editor',
                        'title' => __('Tips', 'watchit'),
                        'desc' => __('', 'watchit')
                    )
                )
            );
        }

        public function setHelpTabs() {

            // Custom page help tabs, displayed using the help API. Tabs are shown in order of definition.
            $this->args['help_tabs'][] = array(
                'id' => 'redux-help-tab-1',
                'title' => __('Theme Information 1', 'watchit'),
                'content' => __('<p>This is the tab content, HTML is allowed.</p>', 'watchit')
            );

            $this->args['help_tabs'][] = array(
                'id' => 'redux-help-tab-2',
                'title' => __('Theme Information 2', 'watchit'),
                'content' => __('<p>This is the tab content, HTML is allowed.</p>', 'watchit')
            );

            // Set the help sidebar
            $this->args['help_sidebar'] = __('<p>This is the sidebar content, HTML is allowed.</p>', 'watchit');
        }

        /**

          All the possible arguments for Redux.
          For full documentation on arguments, please refer to: https://github.com/ReduxFramework/ReduxFramework/wiki/Arguments

         * */
        public function setArguments() {

            $theme = wp_get_theme(); // For use with some settings. Not necessary.

            $this->args = array(
                // TYPICAL -> Change these values as you need/desire
                'opt_name' => 'htkn_opt', // This is where your data is stored in the database and also becomes your global variable name.
                'display_name' => $theme->get('Name'), // Name that appears at the top of your panel
                'display_version' => $theme->get('Version'), // Version that appears at the top of your panel
                'menu_type' => 'menu', //Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only)
                'allow_sub_menu' => true, // Show the sections below the admin menu item or not
                'menu_title' => __('HTKN Options', 'htkn-options'),
                'page_title' => __('HTKN Options', 'htkn-options'),
                // You will need to generate a Google API key to use this feature.
                // Please visit: https://developers.google.com/fonts/docs/developer_api#Auth
                'google_api_key' => '', // Must be defined to add google fonts to the typography module
                'async_typography' => false, // Use a asynchronous font on the front end or font string
                'admin_bar' => true, // Show the panel pages on the admin bar
                'global_variable' => '', // Set a different name for your global variable other than the opt_name
                'dev_mode' => false, // Show the time the page took to load, etc
                'customizer' => true, // Enable basic customizer support
                //'open_expanded'     => true,                    // Allow you to start the panel in an expanded way initially.
                //'disable_save_warn' => true,                    // Disable the save warning when a user changes a field
                // OPTIONAL -> Give you extra features
                'page_priority' => null, // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
                'page_parent' => 'themes.php', // For a full list of options, visit: http://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters
                'page_permissions' => 'manage_options', // Permissions needed to access the options panel.
                'menu_icon' => '', // Specify a custom URL to an icon
                'last_tab' => '', // Force your panel to always open to a specific tab (by id)
                'page_icon' => 'icon-themes', // Icon displayed in the admin panel next to your menu_title
                'page_slug' => '_options', // Page slug used to denote the panel
                'save_defaults' => true, // On load save the defaults to DB before user clicks save or not
                'default_show' => false, // If true, shows the default value next to each field that is not the default value.
                'default_mark' => '', // What to print by the field's title if the value shown is default. Suggested: *
                'show_import_export' => true, // Shows the Import/Export panel when not used as a field.
                // CAREFUL -> These options are for advanced use only
                'transient_time' => 60 * MINUTE_IN_SECONDS,
                'output' => true, // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output
                'output_tag' => false, // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head
                // 'footer_credit'     => '',                   // Disable the footer credit of Redux. Please leave if you can help it.
                // FUTURE -> Not in use yet, but reserved or partially implemented. Use at your own risk.
                'database' => '', // possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
                'system_info' => false, // REMOVE
                // HINTS
                'hints' => array(
                    'icon' => 'icon-question-sign',
                    'icon_position' => 'right',
                    'icon_color' => 'lightgray',
                    'icon_size' => 'normal',
                    'tip_style' => array(
                        'color' => 'light',
                        'shadow' => true,
                        'rounded' => false,
                        'style' => '',
                    ),
                    'tip_position' => array(
                        'my' => 'top left',
                        'at' => 'bottom right',
                    ),
                    'tip_effect' => array(
                        'show' => array(
                            'effect' => 'slide',
                            'duration' => '500',
                            'event' => 'mouseover',
                        ),
                        'hide' => array(
                            'effect' => 'slide',
                            'duration' => '500',
                            'event' => 'click mouseleave',
                        ),
                    ),
                )
            );


            // SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons.
            $this->args['share_icons'][] = array(
                'url' => 'https://github.com/ReduxFramework/ReduxFramework',
                'title' => 'Visit us on GitHub',
                'icon' => 'el-icon-github'
                    //'img'   => '', // You can use icon OR img. IMG needs to be a full URL.
            );
            $this->args['share_icons'][] = array(
                'url' => 'https://www.facebook.com/pages/Redux-Framework/243141545850368',
                'title' => 'Like us on Facebook',
                'icon' => 'el-icon-facebook'
            );
            $this->args['share_icons'][] = array(
                'url' => 'http://twitter.com/reduxframework',
                'title' => 'Follow us on Twitter',
                'icon' => 'el-icon-twitter'
            );
            $this->args['share_icons'][] = array(
                'url' => 'http://www.linkedin.com/company/redux-framework',
                'title' => 'Find us on LinkedIn',
                'icon' => 'el-icon-linkedin'
            );

            // Panel Intro text -> before the form
            if (!isset($this->args['global_variable']) || $this->args['global_variable'] !== false) {
                if (!empty($this->args['global_variable'])) {
                    $v = $this->args['global_variable'];
                } else {
                    $v = str_replace('-', '_', $this->args['opt_name']);
                }
                $this->args['intro_text'] = sprintf(__('<p>Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: <strong>$%1$s</strong></p>', 'watchit'), $v);
            } else {
                $this->args['intro_text'] = __('<p>This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.</p>', 'watchit');
            }

            // Add content after the form.
            $this->args['footer_text'] = __('<p>This text is displayed below the options panel. It isn\'t required, but more info is always better! The footer_text field accepts all HTML.</p>', 'watchit');
        }

    }

    global $reduxConfig;
    $reduxConfig = new Redux_Framework_sample_config();
}

/**
  Custom function for the callback referenced above
 */
if (!function_exists('redux_my_custom_field')):

    function redux_my_custom_field($field, $value) {
        print_r($field);
        echo '<br/>';
        print_r($value);
    }

endif;

/**
  Custom function for the callback validation referenced above
 * */
if (!function_exists('redux_validate_callback_function')):

    function redux_validate_callback_function($field, $value, $existing_value) {
        $error = false;
        $value = 'just testing';

        /*
          do your validation

          if(something) {
          $value = $value;
          } elseif(something else) {
          $error = true;
          $value = $existing_value;
          $field['msg'] = 'your custom error message';
          }
         */

        $return['value'] = $value;
        if ($error == true) {
            $return['error'] = $field;
        }
        return $return;
    }



endif;